import util from "../../../utils/util"
import api from '../../../utils/Api'
const app = getApp()
Page({

  /**
   * 页面的初始数据
   */
  data: {
    menuInfo: {},
    str: [],
    img_arr: [],
    img_arr_ban: [],
    
    userinfo:{
      nation:'请选择民族',
      birthday:'请选择出生日期',
      sex:''
    },
    nation_str:['汉族','满族','蒙古族','回族','藏族','维吾尔族','苗族','彝族','壮族','布依族','侗族','瑶族','白族','土家族','哈尼族','哈萨克族','傣族','黎族','傈僳族','佤族','畲56个民族族','高山族','拉祜族','水族','东乡族','纳西族','景颇族','柯尔克孜族','土族','达斡尔族','仫佬族','羌族','布朗族','撒拉族','毛南族','仡佬族','锡伯族','阿昌族','普米族','朝鲜族','塔吉克族','怒族','乌孜别克族','俄罗斯族','鄂温克族','德昂族','保安族','裕固族','京族','塔塔尔族','独龙族','鄂伦春族','赫哲族','门巴族','珞巴族','基诺族']
  },
  //性别
  onChangesex(e){
    this.setData({
      ['userinfo.sex']:e.detail
    })
  },
  // 民族
  bindChangenation(e){
    this.setData({
      ['userinfo.nation']:this.data.nation_str[e.detail.value]
    })
  },
  // 出生日期
  handleDateChange(e){
    console.log(e);
    this.setData({
      ['userinfo.birthday']:e.detail.value
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },
  backPage() {
    wx.navigateBack({
      delta: 1
    });
  },
  formSubmit(e) {
    console.log(e)
  },
  // 添加图片
  addImg() {
    let that = this;
    if (this.data.img_arr.length < 6) {
      wx.chooseImage({
        count: 6 - that.data.img_arr.length, //上传图片的数量 当之前上传了部分图片时 ,总数 - 已上传数 = 剩余数   (限制上传的数量)
        sizeType: ['original', 'compressed'], //可以指定原图或压缩图,默认二者都有
        sourceType: ['album', 'camera'], //指定图片来源是相机还是相册,默认二者都有
        success(res) {
          const tempFiles = res.tempFiles //包含图片大小的数组
          let answer = tempFiles.every(item => { //限制上传图片大小为2M,所有图片少于2M才能上传
            return item.size <= 5 * 1024 * 1024
          })
          if (answer) {
            res.tempFilePaths.map((_) => {
              that.uploadImage(_);
            })
          } else {
            wx.showToast({
              title: '上传图片不能大于5M!',
              icon: 'none'
            })
          }
        }
      })
    } else {
      wx.showToast({ //超过图片张数限制提示
        title: '最多上传6张图片',
        icon: 'none',
        duration: 2000
      })

    }
  },
  // 打开图片
  openImage(e) {
    wx.previewImage({
      current: e.currentTarget.dataset.url, // 当前显示图片的 http 链接
      urls: this.data.img_arr // 需要预览的图片 http 链接列表
    })
  },
  // 删除某图片
  delImage(e) {
    this.data.img_arr.splice(e.currentTarget.dataset.idx, 1)
    this.data.img_arr_ban.splice(e.currentTarget.dataset.idx, 1)
    this.setData({
      img_arr: this.data.img_arr,
      img_arr_ban: this.data.img_arr_ban
    })
  },
  // 上传图片值服务器
  uploadImage(file) {
    let that = this
    api.file({
        parameter: 'uploadFileNo'
    }, file, true).then(res => {
        let resData = JSON.parse(res.data);
        if (resData.url) {
            const url = resData.fileip + resData.url
            const a1 = JSON.parse(JSON.stringify(that.data.img_arr))
            const a2 = JSON.parse(JSON.stringify(that.data.img_arr_ban))
            const a3 = JSON.parse(JSON.stringify(that.data.filename_arr))
            a1.push(url)
            a2.push(resData.url)
            a3.push(resData.filename)
            that.setData({
                img_arr: a1,
                img_arr_ban: a2,
                filename_arr: a3
            })
        }
    })
},
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    const top = getApp()
    this.setData({
      menuInfo: top.geibartop.menuInfo
    })
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})